<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>Page title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<link href="lib/view.css" rel="stylesheet" />

<link href="lib/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="lib/font-awesome/4.7.0/css/font-awesome.min.css"
	rel="stylesheet" />
<script src="lib/jquery/3.1.1/jquery.min.js"></script>
<script src="lib/echarts.min.js"></script>

<script src="lib/control.js"></script>

</head>
<body>
	<div class="container font"
		style="background-color: #33b5e5; width: 100%; height: 200px;">
		<p style="margin-top: 80px; text-align: center">排列组合的几种生成算法及其实现</p>
	</div>
	<div class="container box2">
		<form name="form-sort" class="form-inline" role="form"
			style="align-self: center">
			<div class="form-group">
				<label class="sr-only" for="name">名称</label> <input name="N" id="N"
					type="text" class="form-control" placeholder="请输入元素个数" />
			</div>
			<button type="button" class="btn btn-primary" id="sort">
				<i class="fa fa-sort">排序</i>
			</button>
			<button type="button" class="btn btn-primary" id="sort-repeat">
				<i class="fa fa-repeat">重置</i>
			</button>
		</form>

		<div class="divider"></div>
		<div class="container">
			<div class="row" style="min-height:267px;">
				<div class="container col-sm-4">
					<p class="green">序数法</p>
					<div id="ordinal"></div>
				</div>

				<div class="container col-sm-4">
					<p class="green">字典序法</p>
					<div id="dict"></div>
				</div>

				<div class="container col-sm-4">
					<p class="green">换位法</p>
					<div id="trans"></div>
				</div>

			</div>
		</div>
	</div>

	<div class="footer">
	</div>
	
	<!--script-->
	<script src="lib/d3/4.7.1/d3.js"></script>
	<script src="lib/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
